<template>
  <el-table ref="multipleTable" :data="tableData" border style="width: 100%" @selection-change="handleSelectionChange" tooltip-effect="dark">
   <el-table-column type="selection" width="55">
    </el-table-column>
    <el-table-column prop="username" label="用户名" width="180">
    </el-table-column>
    <el-table-column prop="createTime" label="创建时间" width="180">
    </el-table-column>
    <el-table-column prop="lastLoginTime" label="最后一次登录时间">
    </el-table-column>
   <el-table-column prop="lastLoginIp" label="最后一次登录IP"></el-table-column>
  </el-table>
</template>
<script type="text/javascript">
	export default{
		data() {
			return{
				tableData:[]
			}
		},
		methods: {
		      toggleSelection(rows) {
		        if (rows) {
		          rows.forEach(row => {
		            this.$refs.multipleTable.toggleRowSelection(row);
		          });
		        } else {
		          this.$refs.multipleTable.clearSelection();
		        }
		      },
		      handleSelectionChange(val) {
		        this.multipleSelection = val;
		      }
		    }
	}
</script>